<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>确认送达</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <style>
        .box_msg {
            width: 94%;
            margin: 15px auto;
        }

        .box_msg textarea {
            border: solid 0.5px #eee;
            border-radius: 10px;
            padding: 10px 12px;
        }

        .productlist_title {
            border-left: unset;
            padding-left: 0px;
        }

        .dcwj_list {
            /* width: 100%; */
            line-height: 1.6rem;
            /*border-bottom: 1px solid #eee;*/
            padding: 8px 0;
            overflow: hidden;
        }

        .fmly_lft {
            width: 32%;
            font-size: 0.75rem;
            padding-left: 3px;
            font-weight: 600;
        }

        .fmly_lft.alline,
        .dcwj_left.alline {
            width: 100%;
            text-align: left;
        }

        .fmly_lft span {
            font-size: 0.65rem;
            margin-left: 3px;
        }

        .dcwj_left {
            width: 65%;
            text-align: right;
            color: #999;
            font-size: 0.75rem;
            overflow: hidden;
        }

        .dcwj_left input {
            height: 1.6rem;
            text-align: right;
        }

        .dcwj_left textarea::placeholder,
        .dcwj_left input::placeholder {
            color: #000;
        }

        .jujue_msg {
            width: 92%;
            margin: 15px auto;
            font-size: 0.65rem;
            color: #999;
        }

        span.textnum {
            float: right;
            font-weight: 400;
            color: #999;
        }
        .showBox{
            width: 100%;
        }
        .showbox_title{
            width: 100%;
            text-align: center;
            height: 2rem;
            line-height: 2rem;
            font-size: 0.85rem;
            font-weight: 600;
            margin-top: 15px;
            border-bottom: solid 0.5px #eee;
            overflow: hidden;
        }
        .showbox_main{
            width: 100%;
            margin: 20px 0px 30px 0px;
        }
        .showline{
            width: 80%;
            margin: 0 auto;
            height: 2rem;
            font-size: 0.75rem;
            line-height: 2rem;
            text-align: center;
            color: #999;
        }
        i.icon-xuanze{
            margin-left: 10px;
        }
        .selected{
            color: #333;
            font-size: 0.8rem;
            background: #f5f5f5;
            border-radius: 6px;
        }
        span.maxnum{
            font-weight: unset;
        }
    </style>
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <van-popup v-model="show" style="width: 80%; border-radius: 10px;">
            <div class="showBox">
                <div class="showbox_title">
                    选择配送点
                </div>
                <div class="showbox_main">
                    <div class="showline" v-on:click="choosepoint(item)" v-bind:class="{'selected':placeid==item.ID}" v-for="item in placepoint">
                        {{item.SendPoint}}
                    </div>
                </div>
            </div>
        </van-popup>
        <div class="order_detail mt10">
            <div class="box_msg dcwj_list bor_bottom">
                <div class="fmly_lft fl">
                    收货配送点
                    <i class="icon iconfont icon-bitianxiang- redcolor bitian"></i>
                </div>
                <div class="dcwj_left fr" v-on:click="handOpenplace()">
                    <input class="fl" type="text" placeholder="请选择" v-model="placename" style="width: 92%;" readonly unselectable="on">
                    <i class="icon iconfont icon-gengduo fr"></i>
                </div>
            </div>
            <div class="productlist_title">
                送达信息
                <span class="textnum">{{writeCount}}/50</span>
            </div>
            <div class="box_msg">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-input">
                        <textarea placeholder="请输入送达信息" maxlength="50" style="height: 6rem;" v-model="CompleteDesc"
                            @input="writeMsg"></textarea>
                    </div>
                </div>
            </div>
            <div class="box_msg dcwj_list">
                <div class="fmly_lft alline">送达图片<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i><span
                        class="maxnum color9">（至少上传1张，最多支持4张）</span></div>
                <div class="dcwj_left alline pt6">
                    <div class="imglist_box">
                        <div class="img_item_box">
                            <div class="imglist_item fl" v-for="(item,index) in imglist">
                                <img v-on:click="do_viewimages(index)" class="imgitem" v-bind:src="item.url" />
                                <i v-on:click="remove_img(item.index)"
                                    class="icon iconfont icon-shanchu onmouse_close"
                                    style="font-size:1rem;"></i>
                            </div>
                            <div v-if="imglist.length<4" class="imglist_item">
                                <div class="img_smallbox">
                                    <i v-on:click="choose_picture(4)" class="icon iconfont icon-xinzeng textalign_c"
                                        style="font-size:1rem;"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="open_save()">确认送达</div>
        </div>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/order_sureSend.js"></script>

</html>